import { NavBar } from 'antd-mobile'
import React from 'react'
import { useNavigate } from 'react-router-dom'
import { Tabs } from 'antd-mobile'

function Index() {
    const navigate=useNavigate();
  return (
    <div>
      <NavBar onBack={()=>navigate(-1)}>订单</NavBar>
      <Tabs>
          <Tabs.Tab title='待接单' key='fruits'>
            待接单
          </Tabs.Tab>
          <Tabs.Tab title='待出发' key='vegetables'>
            待出发
          </Tabs.Tab>
          <Tabs.Tab title='待送达' key='animals'>
            待送达
          </Tabs.Tab>
          <Tabs.Tab title='已完成' key='over'>
            已完成
          </Tabs.Tab>
          <Tabs.Tab title='取消/退款' key='clear'>
            取消/退款
          </Tabs.Tab>
        </Tabs>
    </div>
  )
}

export default Index
